<template>
  <div id="navbar">
    <!-- 导航栏 -->
    <!-- <Navigation /> -->
    <!-- 内容区域 -->
    <Content />
    <Content2>
      <div slot="img">
        <img class="imgs" src="@/assets/images/img_1@2x.png" alt="" />
      </div>
      <div slot="tit" class="tit">1</div>
      <div slot="head" class="header">中控天昱城市大脑</div>
      <div slot="text" class="text">
        城市智脑集成了地理信息、GPS数据、建筑物三维数据、统计数据、摄像头采集画面等多类数据，可以把市政、警务、消防、交通、通讯、商业等各部门各类型的数据融合打通，
        汇集在统一的大数据平台上。打破部门间的信息孤岛，统筹完成城市基础设施规划并作为城市可持续发展的决策依据。
      </div>
    </Content2>
    <Content2>
      <div slot="img">
        <img class="imgs" src="@/assets/images/img_2@2x.png" alt="" />
      </div>
      <div slot="tit" class="tit">3</div>
      <div slot="head" class="header">1网统管+1脸通办+1数融产</div>
      <div slot="text" class="text">
        进一步深化“互联网+政务服务”标准化和信息化建设，推进城市治理现代化，构建
        互联网+监管平台，实现“一网统管”“一脸通办”“一数融产”三大汇聚管理，切实破解政务服务事项标准不一致、平台功能不完善、数据共享不充分、办事服务不便捷等问题，推动政务服务精准化、便捷化和移动化。
      </div>
    </Content2>
    <Content2>
      <div slot="text" class="imgss-3">
        <img class="imgs-3" src="@/assets/images/img_3@2x.png" alt="" />
      </div>
      <div slot="img" class="tit">N</div>
      <div slot="tit" class="header">N个新型智慧应用</div>
      <div slot="head" class="text texts">
        以城市需求和个性化建设为目的，提供菜单式可选的N个智慧应用产品。
      </div>
    </Content2>
    <Core />
    <Core2 />
    <Core3 />
    <!--底部-->
    <Foot />
  </div>
</template>

<script>
// import Navigation from '@/components/Navigation.vue'
import Foot from '@/components/Foot.vue'
import Content from './components/Content.vue'
import Content2 from './components/Content2.vue'
import Core from './components/Core.vue'
import Core2 from './components/Core2.vue'
import Core3 from './components/Core3.vue'
export default {
  name: 'Product',
  components: {
    // Navigation,
    Foot,
    Content,
    Content2,
    Core,
    Core2,
    Core3
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.back-color {
  background-color: #f4f4f4;
  padding-bottom: 1.16rem;
}
.marg {
  margin-bottom: 0.43rem;
}
</style>
